﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="nap-gold-phan-mem-gui-mail.aspx.cs" Inherits="nap_gold_phan_mem_gui_mail" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Nạp Gold phần mềm gửi Mail Amazone Pro</title>
    <script type="text/javascript" src="/Scripts/jquery-1.8.0.min.js"></script>
    <style>
        .view-news, .card-gold,.httt-skype,.dt-PT {background-image: url(../Images/System/skin.png); background-repeat: no-repeat;}
        .logo-card{float:left;width:100%;}
        .logo-card li{float:left; margin-right:5px;}
        .icon-facebook{ width: 32px; height: 32px;background-position: -6px -200px; display:block;}
        .icon-twitter{ width: 32px; height: 32px;background-position: -44px -200px; display:block;}
        .icon-google{ width: 32px; height: 32px;background-position: -84px -200px; display:block;}
        .icon-viettel{width: 45px; height: 32px;background-position: -3px -606px; display:block;}
        .icon-vina{width: 90px; height: 32px;background-position: -50px -606px; display:block;}
        .icon-mobi{width: 77px; height: 32px;background-position: -148px -606px; display:block;}
        .icon-vtc{width: 53px; height: 32px;background-position: -234px -606px; display:block;}
        .tblNapThe tr td {padding:5px;}
        .error-item {border:solid 1px red;}
        input,select {padding:5px;}
        .textRed {color:red!important;}
    </style>
    <script type="text/javascript">
        $(document).ready(function () {
            /*=====================liblary function================================*/
            jQuery.fn.errorItem = function (message) {
                $(this).addClass("error-item");
                $(this).attr("placeholder", message);
            };
            /*=====================================================================*/
        });
        // Check định dạng Email
        function xfomatEmail(email) {
            var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\ ".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
            return re.test(email);
        }
        function xCheckForm() {
            var countErr = 0;
            //resset error
            $('.error-item').each(function () {
                $(this).removeClass("error-item");
            });
            $('.textRed').each(function () {
                $(this).removeClass("textRed");
            });
            //Check error
            if ($.trim($('.txtEmail').val()) == "") {
                $('.txtEmail').errorItem('Vui lòng nhập Seri của thẻ.');
                $('.tipEmail').addClass("textRed");
                $('.tipEmail').text("* Vui lòng nhập Email!");
                countErr++;
            }
            if ($.trim($('.txtSeriCrad').val()) == "") {
                $('.txtSeriCrad').errorItem('Vui lòng nhập Seri của thẻ.');
                $('.tipSeri').addClass("textRed");
                $('.tipSeri').text("* Vui lòng nhập Seri của thẻ.");
                countErr++;
            }
            if ($.trim($('.txtMaSoCard').val()) == "") {
                $('.txtMaSoCard').errorItem('Vui lòng nhập mã thẻ.');
                $('.tipCode').addClass("textRed");
                $('.tipCode').text("* Vui lòng nhập mã thẻ.");
                countErr++;
            }
            if (!xfomatEmail($('.txtEmail').val())) {
                $('.txtEmail').val('');
                $('.txtEmail').errorItem('Email không hợp lệ');
                $('.tipEmail').addClass("textRed");
                $('.tipEmail').text("* Email không hợp lệ!");
                countErr++;
            }
            //
            if (countErr > 0) {
                //$('html, body').animate({ scrollTop: 0 }, 'slow');
                $('html,body').animate({ scrollTop: ($(".error-item").offset().top - 10) }, 'slow');
                return false;
            }
            else return true;
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <ul class="logo-card">
            <li class="card-gold icon-viettel"></li>
            <li class="card-gold icon-vina"></li>
            <li class="card-gold icon-mobi"></li>
            <li class="card-gold icon-vtc"></li>
        </ul>
        <table class="tblNapThe">
            <tr>
                <td>Email: </td>
                <td>
                    <asp:TextBox ID="txtEmail" runat="server" Width="240px" CssClass="txtEmail"></asp:TextBox>
                    <span style="color:#808080;" class="tipEmail">* Nhập chính xác Email của bạn</span>
                </td>
            </tr>
            <tr>
                <td>Nhà mạng: </td>
                <td>
                    <asp:DropDownList runat="server" ID="ddltypeCrad" CssClass="drop" Width="240px">
                        <asp:ListItem Value="1">Viettel</asp:ListItem>
                        <asp:ListItem Value="2">Mobifone</asp:ListItem>
                        <asp:ListItem Value="3">Vinaphone</asp:ListItem>
                    </asp:DropDownList>
                    <span style="color:#808080;" class="tipTypeCard"> * Lựa chọn nhà mạng của thẻ nạp</span>
                </td>
            </tr>
            <tr>
                <td>Serri: </td>
                <td>
                    <asp:TextBox ID="txtSeriCrad" runat="server" Width="240px" CssClass="txtSeriCrad"></asp:TextBox>
                    <span style="color:#808080;" class="tipSeri">* Nhập số Seri in trên thẻ</span>
                </td>

            </tr>
            <tr>
                <td>Mã thẻ: </td>
                <td>
                    <asp:TextBox ID="txtMaSoCard" runat="server" Width="240px" CssClass="txtMaSoCard"></asp:TextBox>
                    <span style="color:#808080;" class="tipCode">* Nhập mã thẻ bên dưới lớp cào</span>
                </td>
            </tr>
            <tr>
                <td colspan="2" style="color:red;">
                    <p class="napG-waning">Vui lòng nhập chính xác mã số in trên thẻ.
                    <br />
                    Hệ thống chỉ cho phép nhập sai không quá 5 lần.</p>
                </td>
            </tr>
            <tr><td colspan="2" style="text-align:center;"><asp:Button ID="btnNapGold" runat="server" Text="Nạp Gold" CssClass="btnHoanThanh" OnClick="btnNapGold_Click" OnClientClick="return xCheckForm()" /></td></tr>
        </table>
    </form>
</body>
</html>
